.events-list
    font-size: 12px
    width: 1178px
    ul
        display: flex
        justify-content: flex-start
        flex-wrap: wrap
        li
            height: 260px
            width: 270px
            margin: 0 24px 24px 0
            box-shadow:0px 2px 8px 0px rgba(175,193,228,0.16)
            position: relative
            overflow: hidden
            background: #FEFEFE
            border-radius:4px
            .list-container
                height: 260px
                width: 270px
                overflow: hidden
                cursor: default
                color: #7F899A
                img
                    height: 120px
                    width: 100%
                    background: skyblue
                .events-content
                    padding: 15px
                    .events-title
                        margin-bottom: 13px
                        h3
                            font-size: 14px
                            font-weight: bold
                            line-height: 24px
                            height: 24px
                            overflow: hidden
                    p
                        height: 32px
                        line-height: 16px
                        overflow: hidden
                        margin-bottom:22px
                    .events-detail
                        display: flex
                        justify-content: space-between
                        p
                            height:12px
                            line-height: 8px
                            margin-bottom: 14px
            .bottom-tag
                height: 40px
                width: 270px
                border-top: 1px solid #E3E8F0
                position: absolute
                bottom: -40px
                left: 0
                background: #FEFEFE
                border-radius: 0 0 4px 4px
                display: flex
                justify-content: space-between
                align-items: center
                transition: bottom 0.5s
                button
                    width: 33%
                    height: 23px
                    color: #4181FF
                    border-right: 1px solid #E3E8F0
                    outline: none
                    cursor: pointer
                button:last-child
                    border-right: 0px
                .disable
                    color:#A9B8CF
        li:hover
            box-shadow:0px 8px 24px 0px rgba(175,193,228,0.74)
        li:hover .bottom-tag
            bottom: 0
        li:hover .events-content h3
            color: #4181FF

.events-list
    ul
        li
            .top-tag
                position: absolute
                top: -10px
                left: -20px
                transform: rotate(-38deg)
                p
                    height: 40px
                    width: 80px
                    padding-top: 20px
                    font-size: 14px
                    line-height: 20px
                    text-align: center
                    color: #fff
                    display: none

// rewrite antd styles
.search-card
  margin-bottom: 16px
  ::v-deep
    .ant-card-body
        padding-bottom: 0
    .ant-input-prefix, .ant-input-suffix
        display: flex
        align-items: center
.ant-form-item
    margin: 0
